<template>
    <view class="qrcode">
        <view
            style="width: 750rpx; position: fixed; z-index: 100;background:#fff;"
            :style="{
                height: systemInfo.statusBarHeight + 'px',
            }"
        ></view>
        <view
            class="slim_header d-flex a-center j-center"
            style="border-bottom:none;"
            :style="{ top: systemInfo.statusBarHeight + 'px' }"
        >
            <view class="left_box" @tap="goBack">
                <image src="/static/center/back.png" class="back"></image>
            </view>
            <view class="title">我的二维码</view>
            <view class="right_box">
                <!-- <image src="/static/center/dian.png" class="dian"></image> -->
            </view>
        </view>

        <view class="content" :style="{ top: `calc(100rpx + ${systemInfo.statusBarHeight}px)` }">
            
        </view>
        

    </view>
</template>
<script setup lang="tsx" name="mine">
import { ref } from "vue";
import { onShow } from "@dcloudio/uni-app";
import { userData as userDataStore } from "@/store/userData";
import { getUserDetail } from "@/api/api";
import { config as configStore }  from '@/store/config'
const config:any = configStore();

const goUrl = (url: string) => {
	uni.navigateTo({
		url:`/pages${url}`
	});
};
let userInfo: any = ref({});
const vipIcon = ref(["../../static/image/vip-icon.png","../../static/image/svip-icon.png"])
const userData: any = userDataStore();
const baseSignature = ref('签名：这个胖友很懒，什么也没留下...')

const formatVip = (num:number)=>{
    if(!num){
        return ''
    }

    if(num===1){
        return 'VIP'
    }
    if(num===2){
        return 'SVIP'
    }
}

onShow(async () => {
	await getUserDetail({id:userData.id}).then((res: any) => {
		console.log(res.data)

		//res.data.age=28;
		//res.data.sex=1;
		//res.data.isVip=2;
		
		userInfo.value = res.data
	});
});
</script>

<style lang="scss" scoped>
.content{
    width:750rpx;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
}
</style>
